<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
<script src="../AngularJS/angular-1.5.0/angular.min.js"></script>
		<title></title>
	</head>
	<body ng-app="myapp" ng-controller="myctrl">
	

Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /><br/>
Show when checked:
<!--
<span ng-if="checked || false" class="animate-if">
  I'm removed when the checkbox is unchecked.
</span>
-->
<span ng-if="xx && xx.length>0" class="animate-if">
  111111111111
</span>
<span ng-if="xx || true" class="animate-if">
  2222222222
</span>
<script>
	var app = angular.module("myapp",[]);
	app.controller("myctrl",function($scope){
		 $scope.xx="xx";
	});
</script>
	</body>
</html>
